<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>审批历史</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../../css/bootstrap.min.css">
    <link rel="stylesheet" href="../../../backend/javascript/laydate/need/laydate.css">
    <link href="../../../css/main_pc.css" rel="stylesheet">
    <link rel="stylesheet" href="css/main_teacher.css">
    <script src="../../../js/jquery.min.js"></script>
    <script src="../../../js/bootstrap.min.js"></script>
    <script src="js/left-nav-height.js"></script>
    <script src="/huaqiao/js/DateUtils.js"></script>
    <script src="../../../backend/javascript/laydate/laydate.js"></script>
    <script src="../../../backend/javascript/layer/layer.js"></script>
    <script src="/huaqiao/front_end/pc/teacher/js/apply_pc_teacher.js"></script>
</head>
<body>
<!--header-->
<nav class="navbar navbar-default nav-main" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">
                <img class="fl" src="../../../images/img_logo_02.png" alt="logo">
                <span class="fl logo-title">校园门禁系统</span>
            </a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right right-height">
                <li class="">
                    <span>老师姓名：</span>
                    <span id="teacher_name"></span>
                </li>
                <li class="">
                    <span>班级：</span>
                    <span id="teacher_class"></span>
                </li>
                <li>
                    <button class="exit-btn">退出</button>
                </li>
            </ul>
        </div>
    </div>
</nav>
<!--#end header-->

<!--start article-->
<article class="container">
    <h1></h1>
    <!--start content-->
    <form role="form" class="row">
        <!--start left-hurdle-->
        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
            <div class="t-left left-nav">
                <ul class="text-center">
                    <li class="examine">
                        <a href="apply.approvePC_teacher.html">外出申请审批</a>
                    </li>
                    <li>
                        <a href="record.outPC_teacher.html">学生刷卡记录</a>
                    </li>
                    <li>
                        <a href="apply.otherApprovePC_teacher.html">其他审批</a>
                    </li>
                </ul>
            </div>
        </div>
        <!--#end left-hurdle-->

        <!--start right-hurdle-->
        <div class="col-lg-9 col-md-9 col-sm-9 col-xs-9 right-detail">
            <!-- 外出申请审批导航栏：待审批申请|代发申请|审批历史 -->
            <ul class="nav navBar">
                <li class="col-sm-4 text-center">
                    <a href="apply.approvePC_teacher.html">待审批申请</a></li>
                <li class="col-sm-4 text-center">
                    <a href="apply.replacePC_teacher.html">代发申请</a></li>
                <li class="col-sm-4 text-center" style="border-bottom: 2px solid #2ca4ec;"  id="type" value="4">
                    <a href="#">审批历史</a></li>
            </ul>

            <div class="" id="history">
                <!--start select-->
                <div class="form-group fl" style="margin-top: 1em">
                    <label>分类：</label>
                    <select>
                        <option value="4">全部分类</option>
                        <option value="1">审批通过</option>
                        <option value="2">审批驳回</option>
                        <option value="3">撤销</option>
                    </select>
                </div><!--#end select-->

                <!--date-->
                <!--<div class="form-group">-->
                    <!--<label class="control-label time-date fl">日期：</label>-->
                    <!--<input type="datetime-local" class="form-control time time-top fl" id="startTime">-->
                <!--</div>-->
                <!--#end date-->

                <!--date-->
                <div class="title-panel text-center time-align">
                    <label for="date-start" class="control-label time-date fl">开始时间：</label>
                    <input id="date-start" class="laydate-icon time time-top fl">
                    <label for="date-end" class="control-label time-date fl">结束时间：</label>
                    <input id="date-end" class="laydate-icon time time-top fl">
                </div><!--#end date-->

                <div class="seek-top seek-name fl">
                        <input type="text" placeholder="输入学生姓名" class="seek-box fl">
                        <button class="btn btn-primary search-btn">搜索</button>
                </div>

                <!--start apply-list-->
                <div class="apply-item text-center">
                    <div>
                        <p>数应132班</p>
                        <p>大明</p>
                    </div>
                    <div>
                        <label>请假时长：</label>
                        <p>2017-01-03 16:05</p>
                        <p>至</p>
                        <p>2017-01-03 16:05</p>
                        <p class="state-already">已批准</p>
                    </div>
                    <div>
                        <label>请假原因：</label>
                        <div class="reason">突然发高烧，需要到医院进行治疗，
                            发挥对师傅if好贵还缴费收到货还都是返回德国合格库的份上 还vuififls会发的是 </div>
                        <a href="apply.detailsPC_teacher.html">
                            <p class="to-detail">查看详情>> </p>
                        </a>
                    </div>
                </div>

                <div class="apply-item text-center">
                    <div>
                        <p>数应132班</p>
                        <p>大明</p>
                    </div>
                    <div>
                        <label>请假时长：</label>
                        <p>2017-01-03 16:05</p>
                        <p>至</p>
                        <p>2017-01-03 16:05</p>
                        <p class="state-already">已批准</p>
                    </div>
                    <div>
                        <label>请假原因：</label>
                        <div class="reason">突然发高烧，需要到医院进行治疗，
                            发挥对师傅if好贵还缴费收到货还都是返回德国合格库的份上 还vuififls会发的是 </div>
                        <a href="apply.detailsPC_teacher.html">
                            <p class="to-detail">查看详情>> </p>
                        </a>
                    </div>
                </div>
                <div class="apply-item text-center">
                    <div>
                        <p>数应132班</p>
                        <p>大明</p>
                    </div>
                    <div>
                        <label>请假时长：</label>
                        <p>2017-01-03 16:05</p>
                        <p>至</p>
                        <p>2017-01-03 16:05</p>
                        <p class="state-already">已批准</p>
                    </div>
                    <div>
                        <label>请假原因：</label>
                        <div class="reason">突然发高烧，需要到医院进行治疗，
                            发挥对师傅if好贵还缴费收到货还都是返回德国合格库的份上 还vuififls会发的是 </div>
                        <a href="apply.detailsPC_teacher.html">
                            <p class="to-detail">查看详情>> </p>
                        </a>
                    </div>
                </div>
                <!--#end apply-list-->

                <nav class="pagination-table col-sm-12 col-xs-12">
                    <ul class="pager">
                        <li class=""><a href="#">首页</a></li>
                        <li class=""><a href="#">&laquo;</a></li>
                        <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li><a href="#">&raquo;</a></li>
                        <li class=""><a href="#">末页</a></li>
                    </ul>
                </nav>
            </div>

        </div><!--#end right-hurdle-->

    </form><!--#end content-->
</article>
<!--#end article-->

<footer class="container-fluid text-center">
    <div class="f-bottom">
        <p>©广东省华侨职业技术学校 粤ICP备 0508538号</p>
    </div>
</footer>

</body>
</html>